<template>
<div class="">
  <b-navbar type="light" variant="light" fixed="bottom">
    <b-navbar-nav  class='w-100' small justified>
      <b-nav-item to='/film'><b-icon icon='film' font-scale='2'></b-icon><div>film</div></b-nav-item>
      <b-nav-item to='/cinema'><b-icon icon='collection-play' font-scale='2'></b-icon> <div>cinema</div></b-nav-item>
      <b-nav-item to='/center'><b-icon icon='people' font-scale='2'></b-icon><div>center</div></b-nav-item>
    </b-navbar-nav>
  </b-navbar>
</div>
</template>

<style scoped>
/* .main-active {
  color: orangered;
  background-color: yellowgreen;
} */
nav {
  height: 60px;
}
</style>